/* 基础按钮样式 */
button {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* 主要按钮 */
.bg-blue-600 {
  background-color: #2B6CB0;
}

.bg-blue-600:hover {
  background-color: #4299E1;
}

.bg-blue-600:active {
  background-color: #2C5282;
}

/* 次要按钮 */
.bg-gray-100 {
  background-color: #EDF2F7;
  border: 1px solid #E2E8F0;
}

.bg-gray-100:hover {
  background-color: #E2E8F0;
}

/* 成功按钮 */
.bg-green-600 {
  background-color: #38A169;
}

.bg-green-600:hover {
  background-color: #48BB78;
}

/* 警告按钮 */
.bg-orange-500 {
  background-color: #DD6B20;
}

.bg-orange-500:hover {
  background-color: #ED8936;
}

/* 错误按钮 */
.bg-red-600 {
  background-color: #E53E3E;
}

.bg-red-600:hover {
  background-color: #F56565;
}

/* 信息按钮 */
.bg-blue-500 {
  background-color: #3182CE;
}

.bg-blue-500:hover {
  background-color: #4299E1;
}

/* 文本颜色 */
.text-white {
  color: #FFFFFF;
}

.text-blue-600 {
  color: #2B6CB0;
}

/* 圆角 */
.rounded-md {
  border-radius: 8px;
}

/* 字体权重 */
.font-medium {
  font-weight: 500;
}

/* 内边距 - 小按钮 */
.px-3 {
  padding-left: 12px;
  padding-right: 12px;
}

.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}

/* 内边距 - 中等按钮 */
.px-4 {
  padding-left: 16px;
  padding-right: 16px;
}

/* 内边距 - 大按钮 */
.px-6 {
  padding-left: 24px;
  padding-right: 24px;
}

.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}

/* 字体大小 */
.text-sm {
  font-size: 14px;
  line-height: 20px;
}

.text-lg {
  font-size: 18px;
  line-height: 24px;
}

/* 聚焦状态 */
.focus\:outline-none:focus {
  outline: none;
}

.focus\:ring-2:focus {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}

/* 加载状态 */
.opacity-75 {
  opacity: 0.75;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

/* 加载动画 */
.animate-spin {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}